<template>
  <div class="container">
    <div>
      <!-- <Logo /> -->
      <!-- <h1 class="title"> <a href="/api/material/54/五四运动（1919年青年学生组织的爱国运动）_百度百科.html">历史主题：五四运动（一）</a></h1>
      <h1 class="title"> <a href="/api/material/yida/中国共产党第一次全国代表大会_百度百科.html">历史主题：中国共产党第一次党代会（二）</a></h1>
      <h1 class="title"> <a href="/api/material/国民革命/第一次国内革命战争_百度百科.html">历史主题：国民革命（三）</a></h1>
      <h1 class="title"> <a href="/api/material/tudi/第二次国内革命战争_百度百科.html">>历史主题：土地革命（四）</a></h1> -->
      <h1 class="title">今日主题：{{ today }}</h1>
      <!-- <h1 class="title"> <a href="/api/material/kaiguo/开国大典（中华人民共和国中央人民政府成立典礼）_百度百科.html">主题：新中国的建立（六）</a></h1>
      <h1 class="title"> <a href="/api/material/gaige/改革开放_百度百科.html">主题：改革开放（七）</a></h1> -->
    </div>
    <div>
      <el-upload class="upload-demo" drag action="/api/uploadFile" multiple>
        <i class="el-icon-upload"></i>
        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
        <div class="el-upload__tip">只能上传jpg/png文件，且不超过500mb</div>
      </el-upload>
    </div>
    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
      <el-tab-pane label="五班" name="five"
        ><div class="cardw">
          <div class="card" v-for="item in five" :key="item">
            {{ item }}
          </div>
        </div></el-tab-pane
      >
      <el-tab-pane label="六班" name="six"
        ><div class="cardw">
          <div class="card" v-for="item in six" :key="item">
            {{ item }}
          </div>
        </div></el-tab-pane
      >
    </el-tabs>
  </div>
</template>

<script>
import axios from "axios";

export default {
  data() {
    return {
      today: "11",
      five: [
        "王若楠",
        "张淇",
        "于晗莹",
        "王佳荣",
        "罗海杨",
        "张博",
        "宋春雷",
        "张超",
        "王士成",
        "迟如霜",
        "陈庆彬",
        "刘沐桐",
        "秦博智",
        "刘天奇",
        "程鹏",
        "贾冬楠",
        "曹先磊",
        "肖利峰",
      ],
      six: [
        "戴安莹",
        "胡嘉欣",
        "张旭",
        "张金宁",
        "张剑",
        "董宇坤",
        "谢圆芳",
        "陈思瑞",
        "贺明坤",
        "王庆宇",
        "邱宇轩",
        "郭晓阳",
        "张佳慧",
        "廉士炜",
        "闫昕阳",
      ],
      activeName: "five",
    };
  },
  created() {
    console.log(888);

    axios.get("/api/topic").then((res) => {
      console.log(res.data.today, 888);
      console.log(666);
      this.today = res.data.today;
    });
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
      this.wu = this.tab;
    },
  },
};
</script>

<style>
.cardw {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}
.card {
  /* display: flex; */
  border-radius: 0.5em;
  padding: 1em 1em;
  color: #3e53ca;
  background: rgb(42, 221, 182);
  margin: 1em 1em;
  font-size: 2em;
}
.title {
  text-align: center;
}
.el-upload-dragger {
  background-color: #fff;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  box-sizing: border-box;
  width: 60vw;
  height: 50vh;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.el-upload-dragger .el-upload__text {
  color: #606266;
  font-size: 2em;
  text-align: center;
}
.el-upload {
  display: flex;
  justify-content: center;
}
</style>
"王若楠",
"张淇",
"于晗莹",
"王佳荣",
"罗海杨",
"张博",
"李伟强",
"宋春雷",
"张超",
"王士成",
"迟如霜",
"陈庆彬",
"刘沐桐",
"秦博智",
"刘天奇",
"程鹏",


"戴安莹",
"胡嘉欣",
"张旭",
"张金宁",
"张剑",
"董宇坤",
"谢园芳",
"陈思瑞",
"贺明坤",
"王庆宇",
"邱宇轩",
"郭晓阳",
"张佳慧",
"廉士炜",
"闫昕阳",


When_I_do_count_the_clock_that_tells_the_time,
And_see_the_brave_day_sunk_in_hideous_night;
When_I_behold_the_violet_past_prime,
And_sable_curls_all_silver'd_o'er_with_white:
When_lofty_trees_I_see_barren_of_leaves,
Which_erst_from_heat_did_canopy_the_herd,
And_summer's_green,_all_girded_up_in_sheaves,
Born_on_the_bier_with_white_and_bristly_beard;
Then_of_thy_beauty_do_I_question_make,
That_thou_among_the_wastes_of_time_must_go,
